<template>
  <div id="app">
    <router-view v-if="isRouterAlive" :key="$route.fullPath"/>
  </div>
</template>

<script>
  export default {
    provide(){
        return{
           reload:this.reload
        }
      },
      data(){
        return {
           isRouterAlive:true,
        }
      },
      methods:{
        reload(){
          this.isRouterAlive = false;
          this.$nextTick(function () {
            this.isRouterAlive = true;
          })
        }
      }
  }
</script>

<style lang="scss">
    .modals {
      border-radius: 6px;

      .el-dialog__header {
        padding: 10px;

        h3 {
          margin: 0;
        }
      }

      .el-dialog__body {
        padding: 10px;

        p {
          margin-top: 0;
        }
      }
    }
</style>
